<template>
  <div>
    <div class="container">
      <div class="row p-4 mt-5 color-333">
        <div class="col-md-12 d-flex f-wrap mb-5">
          <div class="col-md-6 pr-0 pl-0">
            <img src="../assets/images/17.png" class="img-responsive w-100" alt />
          </div>
          <div class="col-md-6 p-4 explain bg-f7">
            <p class="fs-24 text-center">辽宁华睿新媒体职业学校</p>
            <div class="fs-14 mb-4">
              辽宁华睿新媒体职业学校是经由辽宁华睿星辉教育集团、日本札幌国际大学、T-P
              LAN日本奖学金协会三方共同创立的全日制国际化新媒体职业学校。学校坐落于环
              境宜人，风景优美的辉山风景区，办学特色鲜明，实行准军事化封闭式管理模式，
              全面保证学生的学习、生活、就业质量。
            </div>
          </div>
        </div>
      </div>
      <div class="row mb-5 ">
        <div class="col-md-3 col-sm-6 text-center pl-5 pr-5">
          <img src="../assets/images/18_5.png" class="img-responsive mb-3" alt />
          <p class="fs-18">办学理念</p>
          <p class="fs-14">把教育像阳光和水一样，赋 予每一个孩子和家庭</p>
        </div>
        <div class="col-md-3 col-sm-6 text-center pl-5 pr-5">
          <img src="../assets/images/18_1.png" class="img-responsive mb-3" alt />
          <p class="fs-18">办学定位</p>
          <p class="fs-14">培养国际化视野的新媒体+ 新文旅行业复合型人才</p>
        </div>
        <div class="col-md-3 col-sm-6 text-center pl-5 pr-5">
          <img src="../assets/images/18_2.png" class="img-responsive mb-3" alt />
          <p class="fs-18">学校校训</p>
          <p class="fs-14">仰望星空 脚踏实地 行难而上 逆风翻盘</p>
        </div>
        <div class="col-md-3 col-sm-6 text-center pl-5 pr-5">
          <img src="../assets/images/18_4.png" class="img-responsive mb-3" alt />
          <p class="fs-18">目标愿景</p>
          <p class="fs-14">教育引领行业 发展改变未来 打造世界一流 建设万人名校</p>
        </div>
      </div>
    </div>
    <div class="container-fluid bg-f7">
      <div class="container p-5 mb-4">
        <div class="row p-4 color-333">
          <div class="col-md-12 top-box text-center mb-5">
            <div class="fs-18">办学特色</div>
            <div class="fs-30">CHARACTERISTIC</div>
            <div class="line-box d-flex j-center">
              <span></span>
              <span></span>
            </div>
          </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <div class="fs-22 mb-5">
                  <img src="../assets/images/tese.png" class="img-responsive mr-3" alt="">
                  <span>东北首家新媒体+新文旅双专业群学校</span>
                </div>
                <div class="fs-22 mb-5">
                  <img src="../assets/images/tese.png" class="img-responsive mr-3" alt="">
                  <span>日本大学联合培养，毕业赴日就业升学</span>
                </div>
            </div>
            <div class="col-md-6">
                <div class="fs-22 mb-5">
                  <img src="../assets/images/tese2.png" class="img-responsive mr-3" alt="">
                  <span>双学历双技能学习，一份学费两个专业</span>
                </div>
                <div class="fs-22 mb-5">
                  <img src="../assets/images/tese2.png" class="img-responsive mr-3" alt="">
                  <span>采用学分制教学模式，修满学分可就业 </span>
                </div>
            </div>
        </div>
      </div>
    </div>
  </div>
</template>


<style lang="scss">
  @media screen and (max-width: 768px) {
    .col-sm-6 {
      width: 50% !important;
      margin-bottom: 1.25rem;
    }
  }
</style>